﻿<!--[if lte IE 8 ]>
<html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<!--
***************  *      *     *
      8          *    *       *
      8          *  *         *
      8          **           *
      8          *  *         *
      8          *    *       *
      8          *      *     *
      8          *        *   ***********    -----Theme By Kieran(http://go.kieran.top)
-->
<html>
<!--<![endif]-->

<head>
    <title>烫烫烫个喵啊&#39;S BLOG</title>
    <!-- Meta data -->
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="generator" content="烫烫烫个喵啊">
    <meta name="author" content="老裴">
    <meta name="description" content="Keep Growing." />
    <meta name="keywords" content="烫烫,BLOG" />

    <!-- Favicon, (keep icon in root folder) -->
    <link rel="Shortcut Icon" href="favicon.ico" type="image/ico">

    <link rel="stylesheet" href="css/all.css" media="screen" type="text/css">

    <link rel="stylesheet" href="highlightjs/xcode.css" type="text/css">


    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="/css/ie8.css" />
    <![endif]-->

    <!-- jQuery | Load our jQuery, with an alternative source fallback to a local version if request is unavailable -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>

    <!-- Load these in the <head> for quicker IE8+ load times -->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="/js/html5shiv.min.js"></script>
    <script src="/js/respond.min.js"></script>
    <![endif]-->






    <style>.col-md-8.col-md-offset-2.opening-statement img{display:none;}</style>
</head>

<!--
<body class="post-template">
-->
<body id="index" class="lightnav animsition">

<!-- ============================ Off-canvas navigation =========================== -->

<div class="sb-slidebar sb-right sb-style-overlay sb-momentum-scrolling">
    <div class="sb-close" aria-label="Close Menu" aria-hidden="true">
        <img src="img/close.png" alt="Close"/>
    </div>
    <!-- Lists in Slidebars -->
    <ul class="sb-menu">
        <li><a href="home.html" class="animsition-link" title="Home">主页</a></li>
        <li><a href="archive.html" class="animsition-link" title="archive">归档</a></li>
        <!-- Dropdown Menu -->

        <li>
            <a class="sb-toggle-submenu">分类<span class="sb-caret"></span></a>
            <ul id="category-content" class="sb-submenu">
                <li><small>加载中，请稍后..</small></li>
            </ul>
        </li>
        <li>
            <a class="sb-toggle-submenu">标签<span class="sb-caret"></span></a>
            <ul id="tag-content" class="sb-submenu">
                <li><small>加载中，请稍后..</small></li>
            </ul>
        </li>
        <li>
        <a class="sb-toggle-submenu">友链<span class="sb-caret"></span></a>
        <ul id="friendlink-content" class="sb-submenu">
            <li><small>加载中，请稍后..</small></li>
        </ul>

    </li>
    </ul>
    <!-- Lists in Slidebars -->
    <ul class="sb-menu secondary">
        <li><a href="about.html" class="animsition-link" title="about">关于</a></li>
    </ul>
</div>

<!-- ============================ END Off-canvas navigation =========================== -->

<!-- ============================ #sb-site Main Page Wrapper =========================== -->

<div id="sb-site">
    <!-- #sb-site - All page content should be contained within this id, except the off-canvas navigation itself -->

    <!-- ============================ Header & Logo bar =========================== -->

    <div id="navigation" class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <!-- Nav logo -->
                <div class="logo">
                    <a href="home.html" title="Logo" class="animsition-link">
                        <img src="/img/icon/logo.png" alt="Logo" width="35px;"/>
                    </a>
                </div>
                <!-- // Nav logo -->
                <!-- Info-bar -->
                <nav>
                    <ul class="nav">
                        <li><a href="home.html" class="animsition-link">烫烫烫个喵啊</a></li>
                        <li class="nolink"><span>Keep </span>Growing.</li>

                        <li><a href="https://github.com/peihuanhuan" title="Github" target="_blank"><i class="icon-github"></i></a></li>

                        <li><a href="https://weibo.com/6013277868" title="Sina-Weibo" target="_blank"><i class="icon-sina-weibo"></i></a></li>

                        <li class="nolink"><span><a href="about.html" class="animsition-link" title="about">Welcome!</a></span></li>
                    </ul>
                </nav>
                <!--// Info-bar -->
            </div>
            <!-- // .container -->
            <div class="learnmore sb-toggle-right">More</div>
            <button type="button" class="navbar-toggle menu-icon sb-toggle-right" title="More">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar before"></span>
                <span class="icon-bar main"></span>
                <span class="icon-bar after"></span>
            </button>
        </div>
        <!-- // .navbar-inner -->
    </div>

    <!-- ============================ Header & Logo bar =========================== -->


    <!-- ============================ Hero Image =========================== -->

    <section id="hero" class="scrollme">
        <div class="container-fluid element-img" style="background: url(img/about-background.jpg) no-repeat center center fixed;background-size: cover">
            <div class="row">
                <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 vertical-align cover boost text-center">
                    <div class="center-me animateme" data-when="exit" data-from="0" data-to="0.6" data-opacity="0" data-translatey="100">
                        <div>

                            <h2></h2>
                            <p></p>

                            <h2></h2>
                            <p></p>


                        </div>
                    </div>
                </div>
                <!-- // .col-md-12 -->
            </div>
            <div class="herofade beige-dk"></div>
        </div>
    </section>

    <!-- Height spacing helper -->
    <div class="heightblock"></div>
    <!-- // End height spacing helper -->

    <!-- ============================ END Hero Image =========================== -->
    <section id="intro">
        <div class="container">
            <div class="col-md-8 col-md-offset-2">
                <h1>我的博客</h1>

                <p>&emsp;&emsp;我想绝大多数写代码的都想有一个属于自己的域名，属于自己的网站，我也一样，只不过一直没有机会实现。但自从某日浏览了一个博客，嗯，这也太好看了吧？怎么做的？教练，我想学这个...恰巧这段时间刚好在学web开发，天时地利人和。</p>

                <p>&emsp;&emsp;看了下喜欢的那个博客，down下来是hexo的主题，看着一堆没见过的后缀名，和屏幕对脸懵逼，啥玩意啊，不会用。不会前端，只会简单改改html文件，于是便使用wget命令直接把整个网站拿了下来变成了静态，这里必须强行放一下原博客地址，否则良心难安 https://go.kieran.top/。这样的话前台剩下也就没什么了。</p>

                <p>&emsp;&emsp;后台使用的java开发，IDE用的idea，稍微有点jsp、servlet的底子，会写个简单的注册登录。但想用框架，花了一天时间按网上的教程搭了个ssm框架，写了个简单的demo，算是完成了。剩下的无非就是对数据库的增删改查了，富文本编辑器一开始用的百度的，但一直乱码，百度貌似也不维护了，最后换了wangeditor，非常轻量简洁，很喜欢。</p>

                <p>&emsp;&emsp;功能基本完成的差不多之后，觉得URL里面是jsp非常丑，其实前台全部使用的ajax异步获取的数据，遂全部将后缀改成html。遇到的一些问题会写在博客中，当然还有一些小问题还需要慢慢解决！如有人发现了bug，请告知我，不胜感激。</p>

                <p>&emsp;&emsp;<strong>QQ:1678167835</strong></p>
                <br>
                <h1>个人</h1>
                <p>&emsp;&emsp;95后，即将毕业于某小县城末流二本。</p>

                <p>&emsp;&emsp;不抽烟、不喝酒、不近女色（假的）、</p>

                <p>&emsp;&emsp;喜欢技术，热衷于制造bug！</p>

                <p>&emsp;&emsp;喜欢唱歌，可惜五音不全、喜欢跳舞，可惜肢体不协调、</p>

                <p>&emsp;&emsp;喜欢吹笛子，但连到睿米法索拉稀都吹不顺、</p>

                <p>&emsp;&emsp;喜欢画画，又奈何是个灵魂画手、</p>

                <p>&emsp;&emsp;喜欢虾jb逛，不对，喜欢旅游，但是又穷、</p>

                <p>&emsp;&emsp;能玩的起来的也就是睡睡觉、打打王者了</p>

                <p>&emsp;&emsp;要赚钱，有很多想去的地方、</p>

                <p>&emsp;&emsp;搞艺术是不可能搞艺术的了，这辈子都搞不起来了，超级羡慕会唱歌跳舞画画之类的，现在只能靠搬搬代码这样子才
                    能<br>&emsp;&emsp;维持得了生活，github里面的老哥个个都是人才，说话又好听，我超喜欢这里的。</p>
                <br><br><br><br><br><br>
            </div>
        </div>
    </section>


    <!-- ============================ Footer =========================== -->

    <footer>
        <div class="container">
            <div class="copy">
                <p>
                    &copy; 2018<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script>, Content By 老裴. All Rights Reserved.
                </p>
            </div>
            <div class="social">
                <ul>

                    <li><a href="https://github.com/peihuanhuan" title="Github" target="_blank"><i class="icon-github"></i></a>&nbsp;</li>

                    <li><a href="https://weibo.com/6013277868" title="Sina-Weibo" target="_blank"><i class="icon-sina-weibo"></i></a>&nbsp;</li>

                </ul>
            </div>
            <div class="clearfix"> </div>
        </div>
    </footer>
</div>

<!-- ============================ END Footer =========================== -->
<!-- Load our scripts -->
<!-- Resizable 'on-demand' full-height hero -->
<script type="text/javascript">
    var resizeHero = function () {
        var hero = $(".cover,.heightblock"),
            window1 = $(window);
        hero.css({
            "height": window1.height()
        });
    };

    resizeHero();

    $(window).resize(function () {
        resizeHero();
    });
</script>
<script src="js/plugins.min.js"></script><!-- Bootstrap core and concatenated plugins always load here -->
<script src="js/scripts.js"></script><!-- Theme scripts -->


<link rel="stylesheet" href="fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
    // $('#intro').find('img').each(function(){
    //   var alt = this.alt;
    //
    //   if (alt){
    //     $(this).after('<span class="caption" style="display:none">' + alt + '</span>');
    //   }
    //
    //   $(this).wrap('<a href="https://go.kieran.top/'&#32;+&#32;this.src&#32;+&#32;'" title="' + alt + '" class="fancybox" rel="gallery" />');
    // });
    (function($){
        $('.fancybox').fancybox();
    })(jQuery);
</script>
<script src="js/public-method.js?ver=1"></script>
<!-- Initiate flexslider plugin -->
<script type="text/javascript">
    $(document).ready(function read(e) {
        refreshMore();
    });
</script>

</body>
</html>
